import * as YvanUI from "yvan-ui-wotu";

const React = YvanUI.React
const Button = YvanUI.Antd.Button
const List = YvanUI.Antd.List
const renderIcon = YvanUI.renderIcon
const _ = YvanUI.lodash
const Observer = YvanUI.Observer

interface Ref {

}

export default class DemoPageT1 extends YvanUI.Scope<void, Ref> {

    query = this.$$({
        f1: '',
        f2: '',
        f3: '',
        f4: '',
        f5: '',
        f6: '',
        f7: '',
        f8: '',
        f9: '',
        f10: '',
        f11: '',
        f12: '',
        f13: '',
        f14: '',
        f15: '',
    })

    vjson = {
        view: 'pageT1',
        title: '单表格',
        queryForm: {
            view: 'form',
            labelCol: {xs: 6},
            wrapperCol: {xs: 18},
            items: [
                {
                    view: 'row',
                    items: queryFormItems
                }
            ]
        },
        table: {}
    }

    onRender() {
        window['biz'] = this
    }
}

const queryFormItems = Array.from({length: 15}, (v, index) => ({
    view: 'col',
    xs: 20,
    sm: 16,
    md: 12,
    lg: 8,
    xl: 4,
    items: [
        {
            view: 'text',
            bind: 'main.f' + index,
            label: '条件' + index
        }
    ]
}))